
/* 导航栏开始 */
/* 头部导航 */

.header {
    width: 100%;
    height: 106px;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 0px 2px #999;
    z-index: 9999;
}

/* 内宽 */

.maxWidth {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
/* 标题栏列表 */

.bigul>li {
    width: 140px;
    float: left;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.bigul>li>a {
    display: block;
    height: 106px;
    line-height: 106px;
    color: #888;
    font-size: 18px;
}


/* 被隐藏的下拉框 */

.down-select {
    padding-top: 10px;
    display: none;
}

.down-select ul {
    background-color: #fff;
    padding: 10px 0 10px 16px;
    box-shadow: 0 13px 18px rgb(0 0 0 /10%);
}

.down-select li {
    padding: 0 15px;
    position: relative;
    text-align: left;
}

.down-select a {
    line-height: 32px;
    color: #888;
    font-size: 16px;
}


/* 移入下拉框中出现的变化 */

.down-select a.active {
    color: #e60012;
}

.down-select a.active::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #e60012;
    position: absolute;
    margin-left: -20px;
    margin-top: 10px;
}


/* 导航中部logo */

.bigul .logobox {
    width: 350px;
    height: 106px;
    vertical-align: middle;
    text-align: center;
}

.logobox img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}


/* 导航右部语言转换 */

.top-right {
    position: absolute;
    right: 25px;
    top: 38px;
}

.top-right img {
    width: 34px;
    height: 34px;
    margin-right: 10px;
    display: block;
    float: left;
    cursor: pointer;
}

.top-right span {
    line-height: 34px;
    font-size: 14px;
    color: #e60012;
}

.top-right em {
    width: 1px;
    height: 16px;
    display: inline-block;
    background: #ccc;
    margin: 0 10px;
}


/* 点击搜索图出现的内容 */

.search {
    display: none;
    width: 100%;
    height: 66px;
    padding: 40px 0;
    margin-top: 106px;
    background: rgba(229, 0, 18, .85);
}

.search form {
    margin: 0 auto;
    width: 475px;
    height: 64px;
    border: 1px solid #fff;
    border-radius: 33px;
    position: relative;
}

.search input {
    border: none;
    background: transparent;
    width: 400px;
    height: 64px;
    line-height: 64px;
    text-indent: 25px;
    outline: none;
    color: #eee;
    position: absolute;
    left: 0;
    top: 0;
}

.search input[name="color"]::-webkit-input-placeholder {
    font-size: 16px;
    color: #fff;
}

.search button {
    width: 64px;
    height: 64px;
    border-radius: 32px;
    background: transparent;
    background-image: url(../imgs/search.png);
    border: none;
    position: absolute;
    top: 0;
    right: 0;
}

.search img {
    position: absolute;
    right: 0;
    top: 0;
}


/* 点击地球图出现的内容 */

.world {
    display: none;
    width: 260px;
    padding: 10px;
    border-radius: 1px;
    box-shadow: 0 0 3px #999;
    background: #fff;
    position: absolute;
    right: 30px;
    top: 120px;
}

.world span {
    font-size: 14px;
    color: #333;
    display: block;
    margin-left: 65px;
    float: left;
}

.middle {
    width: 100%;
    height: 1000px;
    position: relative;
    overflow: hidden;
}

/* banner开始 */
.banner img{
    width: 1519px;
    height: 387px;
    margin: 0 auto;
}

/* 导航栏结束 */
/* banner开始 */
.banner img{
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
}
/* banner结束 */
/* 内容开始 */
.content{
    width: 1519.2px;
    height: 680px;
    position: relative;
    margin: 0 auto;
}
 .cbg-l{
    width: 483px;
    height: 604px;
}
 .cbg-l img{
    width: 100%;
    height: 100%;
}
.cb-r{
    width: 448px;
    height: 289.1px;
   
}
.cb-r img{
    width: 313.6px;
    height: 289.1px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.wi{
    width: 1200px;
    height: 510px;
    padding: 80px 0 90px;
    position: absolute;
    top: 0;
    left: 170px;
}
.wi .left-con{
    width: 185px;
    height: 310px;
    padding: 0px 0 0 60px;
    float: left;
}
.wi .left-con .port{
    width: 185px;
    height: 310px;
}
.investor{
    width: 185px;
    height: 310px;
}
.investor .menu{
    width: 167px;
    height: 57px;
    color: #666666;
    font-size: 28px;
    padding-left: 18px;
    background: url(../image/menu.png)no-repeat left top;
    line-height: 50px;
}
 .menu-con{
    width: 167px;
    height: 240px;
    padding: 13px 0 0 18px;
}
.menu-con li{
    width: 167px;
    height: 48px;
}
.menu-con li a{
    width: 72px;
    height: 24px;
    line-height: 48px;
    font-size: 18px;
    color: #666;
}
.menu-con li.on a{
    color: #e60012;
    line-height: 48px;
    font-size: 18px;
}
.right-con{
    width: 895px;
    height: 500px;
    padding-left: 50px;
    border-left: 1px solid #e0e0e0;
    min-height: 500px;
    margin-top: 10px;
    float: right;
}
.right-con .portlet{
    width: 895px;
    height: 2px;
}
.font-type{
    width: 895px;
    height: 2px;
}
.font-type a.on{
    background: #e60012;
    color: #fff;
    
}
.font-type a{
    width: 40px;
    height: 45.6px;
    line-height: 46px;
    cursor: pointer;
    margin-top: -44px;
    padding: 0 30px;
    font-size: 20px;
    border-radius: 46px;
    float: right;
    color: #666;
}
.porlet1{
    width: 895px;
    height: 212px;
}
.porlet1 .con{
    width: 895px;
    height: 212px;
}
.porlet1 .con .title{
    width: 895px;
    height: 32px;
    font-size: 24px;
    padding-bottom: 20px;
    color: #666;
}
.porlet1 .con .title .summary{
    width: 895px;
    height: 160px;
    font-size: 18px;
    color: #888888;
    margin-bottom: 60px;
}
 .summary .summary-1{
    width: 895px;
    height: 40px;
    font-size: 18px;
    color: #888888;
    line-height: 40px;
}
/* 内容结束 */
/* 底部开始 */
.footer{
    width: 1519.2px;
    height: 454px;
    margin: 0 auto;
}
.footer .up{
    width: 1519.2px;
    height: 222.8px;
    background: #282828;
    padding: 60px 0;
}
.max{
    width: 1200px;
    height: 222.8px;
    margin: 0 auto;
}
.max .fixed{
    width: 100%;
    height: 100%;
}
.max .fixed .Submarine-fishing{
    width: 170.4px;
    height: 190.8px;
    float: left;
}
.max .fixed .Submarine-fishing .title1{
    width: 170.4px;
    height: 20.8px;
}
.max .fixed .Submarine-fishing .title1 a{
    width: 80px;
    height: 20.8px;
    font-size: 16px;
    color: #888;
}
.UI{
    width: 170.4px;
    height: 160px;
}
.UI li{
    width: 170.4px;
    height: 32px;
}
.UI li a{
    width: 56px;
    height: 19.2px;
    font-size: 14px;
    color: #888;
}
.Submarine-fishing1{
    width: 170.4px;
    height: 222.8px;
    float: left;
}
 .Submarine-fishing1 .title1{
    width: 170.4px;
    height: 20.8px;
}
 .Submarine-fishing1 .title1 a{
    width: 80px;
    height: 20.8px;
    font-size: 16px;
    color: #888;
}
.UI1{
    width: 170.4px;
    height: 192px;
}
.UI1 li{
    width: 170.4px;
    height: 32px;
}
.UI1 li a{
    width: 56px;
    height: 19.2px;
    font-size: 14px;
    color: #888;
}
.Submarine-fishing2{
    width: 170.4px;
    height: 158.8px;
    float: left;
}
.Submarine-fishing2 .title2{
    width: 170.4px;
    height: 20.8px;
}
.Submarine-fishing2 .title2 a{
    width: 80px;
    height: 20.8px;
    font-size: 16px;
    color: #888;
}
.UI3{
    width: 170.4px;
    height: 128px;
}
.UI3 li{
    width: 170.4px;
    height: 32px;
}
.UI3 li a{
    width: 56px;
    height: 19.2px;
    font-size: 14px;
    color: #888;
}
.Submarine-fishing3{
    width: 170.4px;
    height: 62.8px;
    float: left;
}
.Submarine-fishing3 .title3{
    width: 170.4px;
    height: 20.8px;
}
.Submarine-fishing3 .title3 a{
    width: 80px;
    height: 20.8px;
    font-size: 16px;
    color: #888;
}
.UI4{
    width: 170.4px;
    height: 32px;

}
.UI4 li{
    width: 170.4px;
    height: 32px; 
}
.UI4 li a{
    width: 56px;
    height: 19.2px;
    font-size: 14px;
    color: #888;
}
.down{
    width: 1519.2px;
    height: 111.2px;
    margin: 0 auto;
    
}
.down .maxwidth{
    width: 1200px;
    height: 51.2px;
    margin: 0 auto;
    margin-top: 20px;
}
.down .maxwidth .copyRight{
    width: 545.13px;
    height: 48.8px;
    margin-right: 20px;
    float: left;
    
}
.down .maxwidth .copyRight .copy{
    width: 545.13px;
    height: 48.8px;
    font-size: 16px;
    color: #888;
    line-height: 49px;
}
.down .maxwidth .copyRight .copy em{
    width: 0;
    height: 16px;
}
 .copyRight .copy em a {
    width: 169.3px;
    height: 20.8px;
    font-size: 16px;
    color: #888;
    line-height: 49px;
    
}
.jing{
    width: 169.3px;
    height: 20.8px;
    font-size: 16px;
    color: #888;
    line-height: 49px;
}
.webIn{
    width: 74px;
    height: 48.8px;

    float: left;
}
.webIn a{
    width: 64px;
    height: 48.8px;
    font-size: 16px;
    color: #888;
    line-height: 49px;
}
.shareBox{
    width: 151.13px;
    height: 51.2px;
    float: right;
}
.shareBox .bd{
    width: 160px;
    height: 51.2px;
    float: right;
}
.shareBox .bd a{
    width: 48px;
    height: 48px;
}
.shareBox .bd a img{
    width: 48px;
    height: 48px;
}
/* 底部结束 */